<div>
    <div class="m-subheader">
        <div class="row align-items-center">
            <div class="mr-auto col-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    <span>发起流程</span>
                </h3>
                <span class="m-section__sub">
                    流程申请
                </span>
            </div>
        </div>
    </div>
    <div class="m-content">
        <div class="m-portlet m-portlet--mobile" style="margin-bottom: 0px;min-height: 724px;">
            <div class="m-portlet__body">
                <div class="align-items-center">
                    <div class="row align-items-center" style="margin-bottom: 1%">
                        <img src="../../../assets/common/images/banner.png" style="width: 100%;" />
                    </div>
                    <tabset class="tab-container tabbable-line">
                        <tab heading="流程申请" customClass="m-tabs__item">
                            <div class="row m-row--no-padding m-row--col-separator-xl">
                                <div class="col-md-12 col-lg-6 col-xl-3" style="padding: 20px;
                                border: 1px solid #ebedf2;
                                border-radius: 6px;margin: 0 6px 10px;">
                                    <div>
                                        <span
                                            style="display: block;height:40px;background:#97a0ae;color:#ffffff;
                                    font-size:18px;border-radius: 6px;text-align: center;line-height: 40px;">一般过程</span>
                                    </div>
                                    <p style="font-size: 16px;color:#9f9f9f;padding-top:26px">一般过程包括研究对象的确定、参与观察、撰写三个环节
                                    </p>
                                    <nav>
                                        <a (click)="createOrdinaryTaskOutSouring()"
                                            style="color: #606874;font-size: 18px;float: right;">
                                            <img src="../../../assets/common/images/icon_gray.png"
                                                style="float: right;padding-left: 16px;" /> 发起
                                        </a>
                                    </nav>
                                </div>

                                <div class="col-md-12 col-lg-6 col-xl-3" style="padding: 20px;
                                        border: 1px solid #ebedf2;
                                        border-radius: 6px;margin: 0 6px 10px;">
                                    <div>
                                        <span
                                            style="display: block;height:40px;background:#97a0ae;color:#ffffff;
                                            font-size:18px;border-radius: 6px;text-align: center;line-height: 40px;">关键过程</span>
                                    </div>
                                    <p style="font-size: 16px;color:#9f9f9f;padding-top:26px">关键过程包括研究对象的确定、参与观察、撰写三个环节
                                    </p>
                                    <nav>
                                        <a (click)="createCrucialTaskOutSouring()"
                                            style="color: #606874;font-size: 18px;float: right;">
                                            <img src="../../../assets/common/images/icon_gray.png"
                                                style="float: right;padding-left: 16px;" /> 发起
                                        </a>
                                    </nav>
                                </div>
                                <div class="col-md-12 col-lg-6 col-xl-3" style="padding: 20px;
                                        border: 1px solid #ebedf2;
                                        border-radius: 6px;margin: 0 6px 10px;">
                                    <div>
                                        <span
                                            style="display: block;height:40px;background:#97a0ae;color:#ffffff;
                                        font-size:18px;border-radius: 6px;text-align: center;line-height: 40px;">一般申请变更单</span>
                                    </div>
                                    <p style="font-size: 16px;color:#9f9f9f;padding-top:26px">关键过程包括研究对象的确定、参与观察、撰写三个环节
                                    </p>
                                    <nav>
                                        <a (click)="createOutsourcingApplyChangeCreate()"
                                            style="color: #606874;font-size: 18px;float: right;">
                                            <img src="../../../assets/common/images/icon_gray.png"
                                                style="float: right;padding-left: 16px;" /> 发起
                                        </a>
                                    </nav>
                                </div>
                                <div class="col-md-12 col-lg-6 col-xl-3" style="padding: 20px;
                                border: 1px solid #ebedf2;
                                border-radius: 6px;margin: 0 6px 10px;">
                                    <div>
                                        <span style="display: block;height:40px;background:#97a0ae;color:#ffffff;
                                font-size:18px;border-radius: 6px;text-align: center;line-height: 40px;">关键申请变更单</span>
                                    </div>
                                    <p style="font-size: 16px;color:#9f9f9f;padding-top:26px">关键过程包括研究对象的确定、参与观察、撰写三个环节
                                    </p>
                                    <nav>
                                        <a (click)="createCrucialOutsourcingApplyChange()"
                                            style="color: #606874;font-size: 18px;float: right;">
                                            <img src="../../../assets/common/images/icon_gray.png"
                                                style="float: right;padding-left: 16px;" /> 发起
                                        </a>
                                    </nav>
                                </div>
                            </div>
                        </tab>
                        <tab heading="加工申请" customClass="m-tabs__item">
                            <div class="row m-row--no-padding m-row--col-separator-xl">
                                <div class="col-md-12 col-lg-6 col-xl-3"
                                    style="padding: 20px;border: 1px solid #ebedf2; border-radius: 6px;margin: 0 6px 10px;">
                                    <div>
                                        <span style="display: block;height:40px;background:#97a0ae;color:#ffffff;
                            font-size:18px;border-radius: 6px;text-align: center;line-height: 40px;">一般过程外包项目加工单</span>
                                    </div>
                                    <p style="font-size: 16px;color:#9f9f9f;padding-top:26px">一般过程包括研究对象的确定、参与观察、撰写三个环节
                                    </p>
                                    <nav>
                                        <a (click)="createOrderOutsourcedProcessing()"
                                            style="color: #606874;font-size: 18px;float: right;">
                                            <img src="../../../assets/common/images/icon_gray.png"
                                                style="float: right;padding-left: 16px;" /> 发起
                                        </a>
                                    </nav>
                                </div>
                                <div class="col-md-12 col-lg-6 col-xl-3" style="padding: 20px;
                                border: 1px solid #ebedf2;
                                border-radius: 6px;margin: 0 6px 10px;">
                                    <div>
                                        <span
                                            style="display: block;height:40px;background:#97a0ae;color:#ffffff;
                                font-size:18px;border-radius: 6px;text-align: center;line-height: 40px;">关键过程外包项目加工单</span>
                                    </div>
                                    <p style="font-size: 16px;color:#9f9f9f;padding-top:26px">关键过程包括研究对象的确定、参与观察、撰写三个环节
                                    </p>
                                    <nav>
                                        <a (click)="createCrucialProcessing()"
                                            style="color: #606874;font-size: 18px;float: right;">
                                            <img src="../../../assets/common/images/icon_gray.png"
                                                style="float: right;padding-left: 16px;" /> 发起
                                        </a>
                                    </nav>
                                </div>

                                <div class="col-md-12 col-lg-6 col-xl-3" style="padding: 20px;
                                border: 1px solid #ebedf2;
                                border-radius: 6px;margin: 0 6px 10px;">
                                    <div>
                                        <span style="display: block;height:40px;background:#97a0ae;color:#ffffff;
                                        font-size:18px;border-radius: 6px;text-align: center;line-height: 40px;">一般过程加工内容变更单</span>
                                    </div>
                                    <p style="font-size: 16px;color:#9f9f9f;padding-top:26px">关键过程包括研究对象的确定、参与观察、撰写三个环节
                                    </p>
                                    <nav>
                                        <a (click)="createProcessingContentApplyChange()"
                                            style="color: #606874;font-size: 18px;float: right;">
                                            <img src="../../../assets/common/images/icon_gray.png"
                                                style="float: right;padding-left: 16px;" /> 发起
                                        </a>
                                    </nav>
                                </div>

                                <div class="col-md-12 col-lg-6 col-xl-3" style="padding: 20px;
                                border: 1px solid #ebedf2;
                                border-radius: 6px;margin: 0 6px 10px;">
                                    <div>
                                        <span style="display: block;height:40px;background:#97a0ae;color:#ffffff;
                                        font-size:18px;border-radius: 6px;text-align: center;line-height: 40px;">关键过程加工内容变更单</span>
                                    </div>
                                    <p style="font-size: 16px;color:#9f9f9f;padding-top:26px">关键过程包括研究对象的确定、参与观察、撰写三个环节
                                    </p>
                                    <nav>
                                        <a (click)="createCrucialProcessingContentApplyChange()"
                                            style="color: #606874;font-size: 18px;float: right;">
                                            <img src="../../../assets/common/images/icon_gray.png"
                                                style="float: right;padding-left: 16px;" /> 发起
                                        </a>
                                    </nav>
                                </div>
                            </div>
                        </tab>
                        <tab heading="交货确认" customClass="m-tabs__item">
                            <div class="row m-row--no-padding m-row--col-separator-xl">
                                <div class="col-md-12 col-lg-6 col-xl-3"
                                    style="padding: 20px;border: 1px solid #ebedf2;border-radius: 6px;margin: 0 6px 10px;">
                                    <div>
                                        <span
                                            style="display: block;height:40px;background:#97a0ae;color:#ffffff;font-size:18px;border-radius: 6px;text-align: center;line-height: 40px;">交货确认</span>
                                    </div>
                                    <p style="font-size: 16px;color:#9f9f9f;padding-top:26px">一般过程包括研究对象的确定、参与观察、撰写三个环节
                                    </p>
                                    <nav>
                                        <a (click)="createOrderOutsourcedProcessingDelivery()"
                                            style="color: #606874;font-size: 18px;float: right;">
                                            <img src="../../../assets/common/images/icon_gray.png"
                                                style="float: right;padding-left: 16px;" /> 发起
                                        </a>
                                    </nav>
                                </div>
                            </div>

                        </tab>
                    </tabset>
                </div>
            </div>
        </div>
    </div>


    <flowapplyCrucialCreate #flowapplyCrucialCreate></flowapplyCrucialCreate>

    <flowapplyordinarycreate #createFlowapplyordinary></flowapplyordinarycreate>

    <OrderOutsourcedProcessingCreate #crderOutsourcedProcessingCreate></OrderOutsourcedProcessingCreate>
    <OrderCrucialProcessingCreate #OrderCrucialProcessingCreate></OrderCrucialProcessingCreate>
    <ProcessingDeliveryCreate #ProcessingDeliveryCreate></ProcessingDeliveryCreate>
    <OutsourcingApplyChangeCreate #OutsourcingApplyChangeCreate></OutsourcingApplyChangeCreate>
    <CrucialOutsourcingApplyChangeCreate #CrucialOutsourcingApplyChangeCreate></CrucialOutsourcingApplyChangeCreate>
    <ProcessingContentApplyChangeCreate #ProcessingContentApplyChangeCreate></ProcessingContentApplyChangeCreate>
    <CrucialProcessingContentApplyChangeCreate #CrucialProcessingContentApplyChangeCreate>
    </CrucialProcessingContentApplyChangeCreate>
</div>